<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="index.css">
    <style>
    div{

        width: 100px;
        height: 100px;

        /* 背景颜色      background-color: red;
           背景图片路径  background-image: url("images/icon1.png"); 
        */
        
        
        /* 背景重复  background-repeat: no-repeat;  */

        /* background-position-x: 10px;
        background-position-y: 50px; */
        /* background-position: center center; */

        /* 简写背景样式 */
        /* 第一个参数 颜色 第二个参数 图片路径 第三个 重复 第四个定位 */
        background: red url("images/icon1.png") no-repeat center center;


        /* 背景大小 */
        background-size: 10px 10px;
     }
    </style>
    <title>Document</title>
</head>
<body>
    <div>

    </div>
</body>
</html>